﻿html,body {
  width:100%;
  height:100%;  
  font-family:'Microsoft YaHei';
}
a{
    text-decoration:none;
    cursor:pointer;
    outline:none;
}
a:hover{
    text-decoration:none;
    filter:drop-shadow(0 0 0 black);
}
._container{
    width:100%;
    height:100%;
    margin:0;
    background-image:url(../image/login/login_bg.png);
    background-size:100% 100%;
}
.row{
    margin:0;
}
.alert{
    display:none;
    position:fixed;
    top:60px;
    z-index:2;
    width:70%;
    left:15%;
    text-align:center;
    background-color:#182432;
    border:none;
    border-radius:0;
}
.alert strong, .close{
    color:#fff;
    font-size:16px;
    letter-spacing:1px;
}

._form{
    position:relative;
    background:url('../image/login/login_box@2x.png') no-repeat;
    
    top:138px;
    left:10px;
    text-align:center;
}
._content{
    position:absolute;
    top:112px;
    left:10%;
    width:80%;
}
._triple{
    top:100px;
}
._title {
    background:linear-gradient(to bottom, #ffffff 40%, #00bfd0 );
    -webkit-background-clip: text;
    color: transparent;
    font-size: 16px;
    font-family: Microsoft YaHei Regular, Microsoft YaHei Regular-Regular;
    font-weight: bold;
    width: 88px;
    height: 17px;
    line-height: 25px;
    letter-spacing:2px;
}
._account,._password{
    text-align:left;
    margin-top:20px;
    width:100%;
    height: 70px;
    line-height:30px;
    display: block;
    box-sizing: border-box;
    border-bottom:1px solid #5d6773;
}
._triple ._account,._triple ._password{
    height:60px;
    margin-top:14px;
}
._account label,._password label{
    color:#ffffff;
    font-weight:400;
    font-size:16px;
    margin:0 0 0 6px;
    letter-spacing:2px;
}
#_password, #_account, #_newPassword,#_oldPassword{
    height:40px;
    width:100%;
    line-height:40px;
    border:none;
    width:320px;
    outline:none;
    font-size:16px;
    display:block;
    background-color:inherit;
    color:#00bfd0;
}
._triple #_password, ._triple #_account, ._triple #_newPassword,._triple #_oldPassword{
    height:30px;
    line-height:30px;
}
._account:hover,._password:hover{
    border-color:#40a9ff;
}

#_changePassword{
    text-align:right !important;
    height:40px;
    line-height:40px;
}
#_changePassword a{
    color:#cbced3;
    font-size:16px;
    letter-spacing:1px;
}
#_tips{
    color:#db9800;
    margin-right:17px;
    font-size:16px;
}
#_login,#_confirmBtn{
    position:absolute;
    bottom:23px;
    width:100%;
    height: 60px;
    line-height:60px;
    font-size: 20px;
    text-align:center;
}
#_login div,#_confirmBtn div{
    position:absolute;
    top:0;
    color: #fff;
    letter-spacing:4px;
    font-weight:800;
    font-size:24px;
    height: 60px;
    width:100%;
    line-height:60px;
}
#_loginBtn:hover,#_confirmBtn:hover{
    background-color: #40a9ff;
    border-color:#40a9ff;
}
.errorInput{
    border-color:red;
}

.col-md-3,.col-md-4,.col-md-2{
    padding:0;
}
.sysArea{
    text-align:center;
    display:table-cell;
    margin-top:10px;
}
.sysArea label{
    letter-spacing:1px;
    margin-top:10px;
}
.img-responsive{
   margin: auto;
}
#_chooseSystem{
    position:fixed;
    text-align:center;
    top:0;
    left:15%;
    right:15%;
    padding: 3% 3% 0 3%;
    min-width:731px;
    background-color:rgba(255,255,255, 0.8);
    border-radius:20px;
    z-index:2;
    box-shadow: 0px 5px 15px #888888;
}
#_bar{
    position:fixed;
    top:0;
    left:15%;
    right:15%;
    background-color:#ffffff;
    height:5px;
    border-radius:4px;
    z-index:1;
}
#_systemIframe{
    width:100%;
    height:100%;
    border:0;
    /*background-size:100% 100%;*/ /*加上就是响应式伸缩*/
}
._footer{
    width:100%;
    text-align:center;
    color:#fff;
    position: relative;
    top: 180px;
    letter-spacing: 1px;
    font-size: 16px;
}

#_toolbar{
    position:fixed;
    width:62px;
    height:100%;
    z-index:1;
    background-color:#000000;
    border-right: 1px solid rgba(255,255,255,0.48);
    opacity:0.6;
}

#_toolbar div{
    width:100%;
    height:70px;
    line-height:70px;
    text-align:center;
    display:block;
    border-bottom:1px solid #4e575d;
}
#_switch{
    height: 90px;
    line-height: 90px;
    width: 62px;
    text-align:center;
    background: #2394fb;
    position: absolute;
    bottom: -5px;
    z-index: 2;
}
#_listContainer{
    position:fixed;
    top:140px;
    left:62px;
    z-index:1;
    width:auto;
    height:85%;
    color:#e3e4e4;
    font-size:16px;
}
#_system {
    position:absolute;
    left:0;
    top:0;
    width:400px;
    height:100%;
    padding:50px;
    background: rgba(0, 0, 0, 0.6);
    margin:0;
    word-wrap:break-word;
    overflow-y:auto;
}
#_system ul{
    margin:0;
    padding:0;
}
#_system ul li{
    list-style:none;
    padding:5px 0;
    cursor:context-menu;
}
#_system ul li i{
    margin:0;
    padding:0;
    float:right;
}
#_menu{
    position:absolute;
    left:400px;
    top:0;
    width:700px;
    height:100%;
    padding:50px;
    background: rgba(0, 0, 0, 0.8);
    overflow-y:auto;
    display:none;
}
#_menu span{
    display:inline-block;
    padding:10px;
    cursor:pointer;
}
/*修改滚动条样式:begin*/
#_system::-webkit-scrollbar,#_menu::-webkit-scrollbar{
  width:5px;
}
#_system::-webkit-scrollbar-track{
  background: #2c3234;
  border-radius:2px;
}
#_system::-webkit-scrollbar-thumb{
  background: #3f484c;
  border-radius:8px;
}
#_menu::-webkit-scrollbar-track{
  background: #404040;
  border-radius:2px;
}
#_menu::-webkit-scrollbar-thumb{
  background: #2a2a2a;
  border-radius:8px;
}
#_system::-webkit-scrollbar-thumb:hover,#_menu::-webkit-scrollbar-thumb:hover{
  background: #333;
}
#_system::-webkit-scrollbar-corner,#_menu::-webkit-scrollbar-corner{
  background: #179a16;
}
/*修改滚动条样式:end*/
#_system ul li:hover,#_menu span:hover{
    color:#2695fb;
}
.chosen{
    color:#2695fb;
}
._centerPlatform{
    width:100%;
    height:100%;
    margin:0;
    background-image:url(../image/centerPlatformBg_zh.png);
    background-size:100% 100%;
}
#_forgetPsd{
    float:left;
}
._accountType{
    text-align:right;
    height:36px;
}
._accountTab{
    float:right;
    width:50%;
    height:36px;
    line-height:36px;
    text-align:center;
    color:#ffffff;
    font-size:16px;
    cursor:default;
    letter-spacing:1px;
}
._tabAcctive{
    color:#02fbee;
    background:url(../image/accountTab.png) no-repeat center;
}